<script setup lang="ts">
import ConsoleAside from '@/layout/console/ConsoleAside.vue'
import ConsoleFooter from '@/layout/console/ConsoleFooter.vue'
import ConsoleContent from '@/layout/console/ConsoleContent.vue'
import ConsoleHeader from '@/layout/console/ConsoleHeader.vue'
</script>

<template>
  <t-layout style="overflow-y: hidden">
    <t-aside width="auto"><ConsoleAside /></t-aside>
    <t-layout>
      <t-header height="48px"><ConsoleHeader /></t-header>
      <t-content class="content"><ConsoleContent /></t-content>
      <t-footer height="50px" class="footer"><ConsoleFooter /></t-footer>
    </t-layout>
  </t-layout>
</template>

<style scoped lang="sass">
.content
  overflow: auto
  height: calc(100vh - 48px - 50px)
.footer
  background-color: var(--td-bg-color-container)
  padding: 0
</style>
